import { IconProps } from '../../icon.types'

type Props = Omit<IconProps, 'name'>

const EyeIcon: React.FC<Props> = ({ color = 'white', width = '25', height = '25', onClick }) => {
  return (
    <svg
      width={width}
      height={height}
      viewBox="0 0 25 25"
      fill={color}
      xmlns="http://www.w3.org/2000/svg"
      onClick={onClick}
    >
      <path
        d="M12.0752 4.80029C4.0752 4.80029 1.0752 12.8003 1.0752 12.8003C1.0752 12.8003 4.0752 20.8003 12.0752 20.8003C20.0752 20.8003 23.0752 12.8003 23.0752 12.8003C23.0752 12.8003 20.0752 4.80029 12.0752 4.80029ZM12.0752 7.80029C14.8362 7.80029 17.0752 10.0393 17.0752 12.8003C17.0752 15.5613 14.8362 17.8003 12.0752 17.8003C9.3142 17.8003 7.0752 15.5613 7.0752 12.8003C7.0752 10.0393 9.3142 7.80029 12.0752 7.80029ZM12.0752 9.80029C11.2795 9.80029 10.5165 10.1164 9.95387 10.679C9.39127 11.2416 9.0752 12.0046 9.0752 12.8003C9.0752 13.5959 9.39127 14.359 9.95387 14.9216C10.5165 15.4842 11.2795 15.8003 12.0752 15.8003C12.8708 15.8003 13.6339 15.4842 14.1965 14.9216C14.7591 14.359 15.0752 13.5959 15.0752 12.8003C15.0752 12.0046 14.7591 11.2416 14.1965 10.679C13.6339 10.1164 12.8708 9.80029 12.0752 9.80029Z"
        fill="current"
      />
    </svg>
  )
}

export default EyeIcon
